<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="http://cdn.webix.io/edge/webix.css" type="text/css" media="screen" charset="utf-8">
		<script src="http://cdn.webix.io/edge/webix.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="./slidebutton.css">
		<script type="text/javascript" src="./slidebutton.js"></script>

		<title>Slide Button</title>
	</head>
	<body>

	<script type="text/javascript" charset="utf-8">
		webix.ui({
			padding:20,
			rows:[
				{ view: "slidebutton", label: "Easy Mode", value: 1 },
				{ view: "slidebutton", label: "Emails", value: 0 },
				{ view: "slidebutton", label: "Skins ", value: 0 }
			]
		});
		</script>
	</body>
</html>